<template>
    <div class="title">
        <div class="l">
          <img :src="imgSrc" alt="" />
          <h2>{{ title1 }}</h2>
        </div>
        <div class="r" v-show="title1 != '积分攻略'">
          更多
          <span><img src="http://sc.wolfcode.cn/assets/integralMall/img/index/Arrow.png" alt="" /></span>
        </div>
      </div>
</template>

<script>
export default {    
    props:{
        title1:{
            type:String,
            require:true
        },
        imgSrc:{
            type:String,
            require:true
        }
    }
}
</script>

<style lang="less" scoped>
    .title {
        display: flex;
        justify-content: space-between;
        padding-top: 50px;
        padding-bottom: 20px;
        .l {
          display: flex;
          align-items: center;
          font-size: 30px;
          font-family: SourceHanSansSC;
          font-weight: bold;
          color: #242b39;
          h2 {
            margin-left: 10px;
          }
        }
        .r {
          display: flex;
          align-items: center;
          cursor: pointer;
          span {
            margin-left: 6px;
          }
        }
      }
</style>